<template>
  <div class="app-layout">
    <main id="app-main">
      <div class="app-header">
        <MoleArtHeaderBar />
      </div>
      <div class="app-content">
        <ArtPageContent />
      </div>
    </main>

    <div class="app-global">
      <ArtGlobalComponent />
    </div>
  </div>
</template>

<script setup lang="ts">
  import MoleArtHeaderBar from '@/components/core/layouts/mole/layouts/art-header-bar/index.vue'

  defineOptions({ name: 'MoleLayout' })
</script>

<style lang="scss" scoped>
  @use './style';
</style>
